#header { // 头部
  width: 100%;
  min-width: $min-width;
  margin-top: $nav-height;
  height: 305px;
  background: url(https://miao.su/images/2018/01/15/122475517957969b3d.jpg) no-repeat center;
  background-size: cover;
}

#blogTitle { // 博客标题
  width: 75%;
  height: 80px;
  width: $min-width;
  margin: 0 auto;
  white-space: nowrap;
  font-size: 32px;
  h1 { // 主标题
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: 1px;
    a {
      color: #fff;
      font-family: "微软雅黑";
      text-shadow: 3px 3px 3px #003d44;
      transition: transform 0.5s ease-in;
      &:hover {
          color: $linkHoverColor;
          text-decoration: none;
          transform: translateX(50px);
      }
    }
  }
  h2 { // 副标题
    line-height: 1.5em;
    font-size: 16px;
    color: #e2e2e2;
    font-family: "微软雅黑";
    text-shadow: 3px 3px 3px #003d44;
  }
}

#navigator {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  min-width: 1000px;
  height: $nav-height;
  line-height: $nav-height;
  background: #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
  color: #333;
  @include flex-box();
}

#navList {
  height: 100%;
  margin-left: 30px;
  @include flex-box();
  li {
    a {
      padding: 0 10px;
      font: 14px/1.5em "微软雅黑";
      display: block;
      color: inherit;
      text-shadow: 3px 3px 3px #ccc;
    }
  }
}

#navList .aHeaderXML {
  display: none;
}

.blogStats {
  color: #ccc;
  margin-right: 30px;
  text-align: right;
}

@media screen and (max-width: 450px) {
  .blogStats {
    display: none;
  }
}

@each $name, $color in (post, #df134f), (article, #33d), (comment, #4f8) {
  @if $name != comment {
    #stats_#{$name}_count {
      color: $color;
    }
  } @else {
    #stats-#{$name}_count {
      color: $color;
    }
  }
}

.themeSelect {
  position: absolute;
  right: 20px;
  top: 20px;
}

.themeSelect .box-color {
  width: 15px;
  height: 15px;
  background-color: #ccc;
  float: left;
  display: inline;
  margin-left: 10px;
}